.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.box-container {
    /*max-width: 45rem;*/
    width: 490px;
    margin-top: -5rem;
    background-color: white;
    /*padding: 2rem;*/
    /*box-shadow: 0 0.5rem 5rem 0.1rem #888;*/
}
.title_img{
    width: 300px;
}
.panel-heading{
    text-align: center;
}

/*bootstrap modal center start*/
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/*bootstrap modal center end*/